import { oidc, type OidcClient } from '@forgerock/oidc-client';
import createConfig from './create-config.js';

/**
 * Creates an OIDC client instance. The caller is responsible for
 * threading this through the application (e.g., via React context).
 */
export async function createOidcClient(): Promise<OidcClient> {
  const config = createConfig();
  return oidc({ config });
}

/**
 * Type for functions that need access to the OIDC client.
 * This is the "Reader" pattern - functions declare their dependency
 * and receive it as an argument rather than reaching into global state.
 * Likely not used in a react app but possibly on functions/utilities if needed
 */
export type WithOidcClient<T> = (client: OidcClient) => T;

import { createContext, useContext, type ReactNode } from 'react';
import type { OidcClient } from '@forgerock/oidc-client';

const OidcContext = createContext<OidcClient | null>(null);

export function useOidcClient(): OidcClient {
  const client = useContext(OidcContext);
  if (!client) {
    throw new Error('useOidcClient must be used within OidcProvider');
  }
  return client;
}

export function OidcProvider({ 
  client, 
  children 
}: { 
  client: OidcClient; 
  children: ReactNode 
}) {
  return (
    <OidcContext.Provider value={client}>
      {children}
    </OidcContext.Provider>
  );
}

function App() {
  const [client, setClient] = useState<OidcClient | null>(null);

  useEffect(() => {
    createOidcClient().then(setClient);
  }, []);

  if (!client) return <Loading />;

  return (
    <OidcProvider client={client}>
      <Router />
    </OidcProvider>
  );
}

const fetchUserProfile: WithOidcClient<Promise<UserProfile>> = async (client) => {
  const tokens = await client.getTokens();
  return client.userinfo(tokens.accessToken);
};